<template>
	<view class="content">
		<view class="column roundrect">
			<u-cell size="large" icon="reload" :border="false" :iconStyle="iconStyle" title="清除缓存" @click="clearCache"
				rightIcon="arrow-right">
			</u-cell>
			<u-line color="#dfdfdf" length="90%" margin="0 auto"></u-line>
			<u-cell size="large" icon="lock" :border="false" :iconStyle="iconStyle" title="用户隐私政策" @click="toPrivacy">
			</u-cell>
			<u-line color="#dfdfdf" length="90%" margin="0 auto"></u-line>
			<u-cell size="large" icon="info-circle" :border="false" :iconStyle="iconStyle" title="花田壁纸 v1.0.0">
			</u-cell>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				iconStyle: {
					"color": "#536BF6",
					"font-size": "40rpx"
				}
			};
		},
		methods: {
			clearCache() {
				uni.clearStorageSync();
				uni.showToast({
					'title': '清除成功'
				})
			},
			toPrivacy() {
				uni.navigateTo({
					url: '/pages/user/privacy_policy'
				})
			}
		}
	}
</script>

<style lang="scss">
	.content {
		padding: 20rpx;
	}

	.column {
		margin-top: 20rpx;
		// padding-top: 15rpx;
	}

	.roundrect {
		border-radius: 20rpx;
		box-shadow: 0 0 30rpx #dddddd;
	}
</style>
